<!-- 登录 -->
<template>
  <div class="page-account">
    <Row>
      <Col span="6">
        <BtnData />
      </Col>
      <Col span="2"></Col>
      <Col span="2">
        <BtnBox text="搜索" />
      </Col>
      <Col span="2">
        <BtnBox type="light-blue" iconName="icon_2" text="重置" />
      </Col>
      <Col span="2">
        <BtnBox iconName="icon_3" text="新增" />
      </Col>
      <Col span="2">
        <BtnBox isIcon text="批量通过" />
      </Col>
      <Col span="2">
        <BtnBox isIcon type="light-blue" text="批量拒绝" />
      </Col>
      <Col span="1">
        <BtnText type="primary" isIcon>查看</BtnText>
      </Col>
      <Col span="1">
        <BtnText type="primary">查看</BtnText>
      </Col>
      <Col span="6">
        <CardMain itemWidth="120" itemName="证件类型">
          <Select v-model="inputs" placeholder="全部" class="company-select">
            <Option value="beijing">New York</Option>
            <Option value="shanghai">London</Option>
            <Option value="shenzhen">Sydney</Option>
          </Select>
        </CardMain>
      </Col>
    <Col span="2">
    </Col>
      <Col span="6">
        <CardMain itemWidth="120" itemName="证件号码">
          <Input v-model="inputs" placeholder="请输入证件号码"></Input>
        </CardMain>
      </Col>
      <Col span="10"> </Col>
      <Col span="6">
        <CardMain itemWidth="120" itemName="tips提示成功">
          <BtnBox isIcon text="tips" @BtnClick="openTips" />
        </CardMain>
      </Col>
      <Col span="6">
        <CardMain itemWidth="120" itemName="tips提示拒绝">
          <BtnBox isIcon type="error" text="tips" @BtnClick="openTipsError" />
        </CardMain>
      </Col>
      <Col span="6">
        <CardMain itemWidth="180" itemName="tips提示拒绝理由">
          <BtnBox
            isIcon
            type="error"
            text="tips"
            @BtnClick="openTipsErrorArgument"
          />
        </CardMain>
      </Col>
    </Row>
  </div>
</template>
<script>
export default {
  data() {
    return {
      inputs: "",
    };
  },
  methods: {
    openTips() {
      this.$tips();
    },
    openTipsError() {
      this.$tips({
        iconName: "icon_2",
        text: "审核已拒绝",
      });
    },
    openTipsErrorArgument() {
      this.$tips(
        {
          iconName: "icon_2",
          text: "审核已拒绝",
          isArgument: true,
        },
        // 点击确定的按钮回调
        function handleSubmit(ev) {
          console.log(333);
          ev.remove();
        }
      );
    },
  },
};
</script>

<style lang="less" scoped>
.page-account {
  background: #fff;
  padding: 20px;
}
</style>
